/*# sourceMappingURL=common.scss.map */
@charset "utf-8";
@import "reset"; //引用reset的scss文件
.web{
    width: 100%;
    header{ 
    .top{
        width: 982px;
        height: 41px;
        margin: 0 auto;
        .lx{
            margin-top: 9px;
            width: 311px;
            height: 27px;
            line-height: 27px;
            float: right;
            color: #b3b2b2;
            vertical-align: bottom;
            a{
                font-size: 12px;
                color: #b3b2b2;
            }//a
        }//lx
     }//top
    .nav{
        width: 982px;
        height: 55px;
//      background: pink;
//      border:1px solid red ;
        margin: 0 auto;
//      overflow: hidden;
        .LE{
            width: 284px;
            height: 55px;
            float: left;
            overflow: hidden;
            h1{
                font-size: 26px;
                display: inline-block;
                width: 163px;
                text-align: center;
//              border: 1px solid red;
                float: left;
                margin-top: 10px;
            }
            p{
                width: 120px;
                float: left;
//              border: 1px solid red;
                display: inline-block;
            }
            p:nth-child(2){
                width: 103px;
                height: 14px;
                text-align: right;
                vertical-align:bottom;
            }
            p:nth-child(3){
                width: 101px;
                height: 20px;
                font-size: 18px;
                line-height:20px ;
                letter-spacing: 7px;
            }
            p:nth-child(4){
                word-spacing: -2px;
                height: 7px;
                font-size: 7px;
            }
        }//LE
        ul{
            float: right;
            li{
                width: 74px;
                float: left;
                margin-top:20px;
                text-align: center;
                a{
                    text-align: center;
                    font-size: 13px;
                    color:#858383;
                }
                a:after{
                    content: "";
                    color: #f64f5b;
                    width: 50px;
                    height: 2px;
                    background: #1abc9c;
                    display: none;
                    margin: 4.5px auto 0;
                }
                a:hover{
                    color: red;
                }
                a:hover::after{
                    display: block;
                }
            }//li
        }//ul
    } //nav
    }//header
    
    
    //footer
    
    footer{
        width: 100%;
        overflow: hidden;
        .s{
            width: 100%;
            height: 425px;
            margin: 0 auto;
            background:#38373d;
            position: relative;

            .l{
                width: 498px;
                height: 141px;
                float: left;
                margin: 196px 0 0 330px;
                .l1{
                    width: 135px;
                    height: 141px;
                    display: inline-block;
                    text-align: center;
                    p{
                        font-size: 12px;
                        color: #FFFFFF;
                        display: inline-block;
                    }
                }//l1
                .l2{
                    width: 330px;
                    height: 141px;
                    display: inline-block;
                    margin-left: 28px;
                    h2{
                        text-align: left;
                        font-size: 16px;
                        color: #38373d;
                        margin-bottom:22px ;
                    }
                    p{
                        height: 22px;
                        line-height:22px;
//                      border: 1px solid red 
                        ;
                        img{
                            width: 18px;
                            vertical-align: middle; 
                        };
                        a{
                            font-size: 12px;
                            margin-left:19px ;
                            font-size: 12px;
                            color: #FFFFFF;
                            vertical-align: middle; 
                        }
                        .aa1{
                            margin-left:13px ;
                        }
                        .aa2{
                            margin-left:36px ;
                        }
                    }//P
                }//l2
            }//l
            .r{
                margin-top: 61px;
                width: 392px;
                height: 312px;
                float: left;
                color: #bdc2c8;
                h2{
                    font-size: 14px;
                    color:#e1e1e1;
                    margin-bottom:8px;
                    display: block;
                }
                 input[type='text']:nth-child(2){
                        width: 170px;
                        height: 40px;
                        background: #5d6d7e;
                        border-radius: 5px;
                        color: #bdc2c8;
                        padding: 3px;
                        border: none;
                    }
                    input[type='text']:nth-child(3){
                        width: 200px;
                        height: 40px;
                        background: #5d6d7e;
                        border-radius: 5px;
                        margin-left: 17px;
                        color: #bdc2c8;
                        padding: 3px;
                        border: none;
                    }
                    input[type='text']:nth-child(4){
                        width: 392px;
                        height: 40px;
                        background: #5d6d7e;
                        border-radius: 5px;
                        margin-top: 11px;
                        color: #bdc2c8;
                        padding: 3px;
                        border: none;
                    }
                    textarea{
                        margin-top:10px ;
                        width: 392px;
                        height: 146px;
                        background: #5d6d7e;
                        border-radius: 5px;
                        padding:18px 5px 5px 5px;
                        color: #bdc2c8;
                    }
                    input[type='button']{
                        cursor: pointer;
                        background: #3498db;
                        width: 98px;
                        height: 30px;
                        color: #d6e6f6;
                        margin-top:9px ;
                        float: right;
                        border-radius:3px ;
                    }
            }
            .sj{
                width: 0;
                height: 0;
                border-left:18px solid transparent ;
                border-right:18px solid transparent;
                border-bottom:28px solid #2c3e50;
                position: absolute;
                bottom:0px;
                text-align: center;
                left: 50%;
                transform: translateX(-50%);
            }
        }
        .x{
            width: 100%;
            height: 119px;
            background:#2c3e50;
            overflow: hidden;
            
            p{
                color: #7a828c;
                font-size: 13px;
                text-align: center;
            }
            p:nth-child(1){
                margin-top:46px
            }
            p:nth-child(2){
                margin-top:11px;
                margin-bottom:40px
            }
        }
    }//footer
}//web
